.gridItemBox,.gridItemTitle{max-width:100%}.articleListWrapper{display:grid;column-gap:16px;row-gap:16px;grid-auto-flow:dense}@media (max-width:767px){.articleListWrapper{grid-template-columns:minmax(250px,1fr)}}@media (min-width:768px){.articleListWrapper{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.gridItemBg{object-fit:cover;border-radius:16px;background-repeat:no-repeat;background-size:cover;background-position:center;animation:linear fadeUp;animation-timeline:view();animation-range:entry 0% cover 30%}.gridItemBox{transition:.5s;height:100%;border-radius:inherit;background-image:'';padding:16px;color:#fff;display:flex;flex-direction:column}@keyframes fadeUp{from{opacity:0;transform:translateY(50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}body main.light .gridItemBox{background:linear-gradient(rgba(1,98,200,.9) 30%,rgba(1,98,200,.65) 60%,rgba(255,255,255,0) 100%)}body main.gray .gridItemBox{color:#683434;background:linear-gradient(rgba(255,255,255,.7) 30%,rgba(255,255,255,.65) 60%,rgba(255,255,255,.7) 100%)}body main.hard-gray .gridItemBox{background:linear-gradient(rgba(0,0,0,.7) 30%,rgba(0,0,0,.65) 60%,rgba(0,0,0,.7) 100%);backdrop-filter:blur(3px)}body main.dark .gridItemBox{background:linear-gradient(rgba(0,0,0,.8) 30%,rgba(0,0,0,.65) 60%,rgba(0,0,0,.8) 100%)}.gridItemDescription{margin-bottom:24px;height:100%;font-size:.8em}.gridItemAction{display:flex;align-items:center;padding-right:8px}.gridItemAction>div:last-child{margin-left:auto}